*{
    margin: 0;
    padding: 0;
}
/*本项目CSS*/
/* 马明宇的样式 */
/*-ms-overflow-style: none;*/
/*火狐下隐藏滚动条*/
/*scrollbar-width: none;*/
.lidisp li{
    display: inline-block;
    margin-left:10px;
    margin-top: 10px;
}
.pad_12_0{
    padding: 20px 0;
}
/*.lidisp li:nth-child(1){*/
/*    margin-left:0;*/
/*}*/
/*.split_8_2 > div:nth-child(1){*/
/*    width: 80%;*/
/*}*/
.ul li{
    list-style: none;
    display: inline-block;
}
.bor_l_14{
    border-radius: 14px 0 0 14px;
}
.bor_r_14{
    border-radius: 0 14px 14px 0;
}
.bor_l_10{
    border-radius: 10px 0 0 10px;
}
.bor_r_10{
    border-radius: 0 10px 10px 0;
}
.pad_10{
    padding: 10px;
}
.pad_t_10{
    padding-top: 10px;
}
.pad_t_5{
    padding-top: 5px;
}
.pad_t_20{
    padding-top: 20px;
}
.pad_t_15{
    padding-top: 15px;
}
.pad_15{
    padding: 15px;
}
.pad_20{
    padding: 20px;
}
.pad_25{
    padding: 25px;
}
.gd_1-5{
    transition: 1.5s;
}
.gd_1{
    transition: 1s;
}
.gd_05{
    transition: 0.5s;
}
.xt{
    font-weight:lighter;
}
.wz_ys{
    font-family:Arial,Helvetica,sans-serif;
}
.wz_yell{
    color: #FFA617;
}
.pad_l_5{
    padding-left:5%;
}
.btn button{
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px white solid;
    background-color: rgb(55, 143, 243);
    color: white;
}
.d_l {
    display: inline-block;
}
.v_m {
    vertical-align: middle;
}
.whe_max{
    width: 100%;
    height: 100%;
}
.whe_maxv{
    width: 100vw;
    height: 100vh;
    /* overflow: hidden; */
}
.ba_hui{
    background-color: #1a1a1a;
}
.ba_qhui{
    background-color:#2c2c2c;
}
.tr_none{
    border-collapse: collapse;
}
.mag_0 {
    margin: 0 auto;
}
.hide{
    display: none;
}
.img_100 img{
    width: 100%;
}
.dyy{
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.xyy{
    box-shadow: 0 12px 5px -10px rgba(0,0,0,0.1), 0 0 4px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 12px 5px -10px rgba(0,0,0,0.1), 0 0 4px 0 rgba(0,0,0,0.1);
    text-decoration: none;
}
.wz_hui{
    color: #999999;
    /*color: #8E8E8E;*/
}
.wz_huis{
    color: #666666;
    /*color: #8E8E8E;*/
}
.wz_black{
    color: #333;
}
.wz_white{
    color: white;
}
.wz_red{
    color: #CC0001;
}
.wz_blue{
    color:#0069df !important;
}
/* 边框弧度 边框弧度 边框弧度*/
.bor_15{
    border-radius: 15px;
}
.bor_17{
    border-radius: 17px;
}
.bor_5{
    border-radius: 5px;
}
.bor_4{
    border-radius: 4px;
}
.bor_12{
    border-radius: 12px;
}
.bor_20{
    border-radius: 20px;
}
.bor_25{
    border-radius: 25px;
}
.bor_30{
    border-radius: 30px;
}
.bor_40{
    border-radius: 40px;
}
.bor_50{
    border-radius: 50px;
}
.bor_255{
    border-radius: 50%;
}
/* 去边框 去边框 去边框*/
.bor_none{
    border: none;
}
.bor_none{
    border: none;
}
.ppp{
    text-indent :2em;
    padding:0px;
    margin:0px;
}
.pp{
    text-indent :1em;
    padding:0px;
    margin:0px;
}
/* 去掉三条边框的文本框 去掉三条边框的文本框*/
.bor_3none{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #F4F4F4 1px solid;
}
/* 背景色 */
.ba_red{
    background-color: red;
}
.ba_redd{
    background-color: #FF5F52;
}
.ba_white{
    background-color: white;
}
.ba_hei{
    background-color: black;
}
.xd{
    position: relative;
}
.jd{
    position: absolute;
}
.pm{
    position: fixed;
}
.zi{
    position: absolute;
    width: 500px;
    height: 300px;
    left:50%;
    top:50%;
    background-color: white;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.zimax{
    position: absolute;
    width: 70%;
    height: 80%;
    left:50%;
    top:50%;
    background-color: white;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.jdjz{
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
}
.ba_mchei{
    background-color: rgba(78,76,79,0.95);
}
.nc{
    z-index: 100001;
}
.mc{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(24,24,24,0.3);
    /*background-color: rgba(176,196,222,0.98);*/
}
.mcadd{
    border-radius: 15px;
    width: 80%;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 25%;
    margin: auto;
    /*box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);*/
}
.xc{
    outline: none;
}
.xcc input select{
    outline: none;
}
.pad_5{
    padding: 5px;
}
.fz_30{
    font-size: 30px;
}
.fz_7{
    font-size: 7px;
}
.fz_6{
    font-size: 6px;
}
.fz_40{
    font-size: 40px;
}
.fz_46{
    font-size: 46px;
}
.fz_50{
    font-size: 50px;
}
.fz_100{
    font-size: 100px;
}
.fz_10{
    font-size: 10px;
}
.fz_11{
    font-size: 11px;
}
.fz_9{
    font-size: 9px;
}
.fz_120{
    font-size: 120px;
}
.fz_0{
    font-size: 0px;
}
.fz_130{
    font-size: 130px;
}
.fz_90{
    font-size: 90px;
}
.fz_80{
    font-size: 80px;
}
.fz_55{
    font-size: 55px;
}
.fz_12{
    font-size: 12px;
}
.fz_13{
    font-size: 13px;
}
.fz_20{
    font-size: 20px;
}
.fz_22{
    font-size: 22px;
}
.fz_25{
    font-size: 25px;
}
.fz_26{
    font-size: 26px;
}
.fz_21{
    font-size: 21px;
}
.fz_24{
    font-size: 24px;
}
.fz_15{
    font-size: 15px;
}
.fz_16{
    font-size: 16px;
}
.fz_17{
    font-size: 17px;
}
.fz_18{
    font-size: 18px;
}
.fz_30{
    font-size: 30px;
}
.fz_32{
    font-size: 32px;
}
.fz_34{
    font-size: 34px;
}
.fz_36{
    font-size: 36px;
}
.fz_27{
    font-size: 27px;
}
.fz_28{
    font-size: 28px;
}
.fz_14{
    font-size: 14px;
}
/*  水平垂直居中 水平垂直居中 */
.jz_flex{
    display: flex;
    justify-content:center;
    align-items: center;
}
/* 强行不换行 */
.flex_two{
    align-items:flex-start;
}
/* 垂直居中 垂直居中 垂直居中*/
.czjz_flex{
    display: flex;
    justify-items: center;
    align-items: center;
}
.sz{
    cursor: pointer;
}
.spjz_flex{
    display: flex;
    justify-content:center;
}
.flex_hh{
    flex-wrap: wrap;
}
/* flex-wrap: nowrap | wrap | wrap-reverse; */
/* flex布局 flex布局 flex布局*/
.wh_f{
    display: flex!important;
    flex-direction: row;
    align-items: center;
}
.flex_r{
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
/*.zzdq{*/
/*    align-items: stretch;*/
/*}*/
.he_f{
    flex-flow: column;
    display: flex;
}
.bor_bai{
    border: white 1px solid;
}
.a{
    text-decoration:none;
}
.box {
    /*width: 300px;*/
    /*margin: 10px auto;*/
    overflow: hidden;
    /*background: #fff;*/
    /*border-radius: 5px;*/
    /*padding: 5px;*/
}
.audio{
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: 1s;
}
/*文字播放效果*/
.roll {
    white-space: nowrap;
    animation: 4s loop linear infinite normal;
    display: inherit;
}
@keyframes loop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
@-webkit-keyframes loop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
.op_5{
    opacity: 0.5;
}
.op_4{
    opacity: 0.4;
}
.op_3{
    opacity: 0.3;
}
.op_2{
    opacity: 0.2;
}
.op_1{
    opacity: 0.1;
}
.op_9{
    opacity: 0.9;
}
.op_9-5{
    opacity: 0.95;
}
.op_8{
    opacity: 0.8;
}
.flex_1{
    flex: 1;
}
.flex_2{
    flex: 2;
}
.flex_3{
    flex: 3;
}
.flex_4{
    flex: 4;
}
.flex_5{
    flex: 5;
}
.flex_6{
    flex: 6;
}
.flex_7{
    flex: 7;
}
.flex_8{
    flex: 8;
}
.flex_9{
    flex: 9;
}
.flex_10{
    flex:10 ;
}
/* 超出滚轮 */
.ccgd{
    overflow-x: hidden;
    overflow-y: auto;
}
.ccgd::-webkit-scrollbar {
    display: none;
}
.bor_b_hui{
    border-bottom: 1px solid #c5c8cf;
}
.bor_b_hei{
    border-bottom: 1px solid black;
}
.bor_b_qblue{
    border-bottom: 1px solid #13549e;
}
.bor_t_hui{
    border-top: 1px solid #ebebeb;
}
.bor_tb_hui{
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
/* 边框样式 边框样式 边框样式*/
.bor_1_hui{
    border: 1px #e4e2e2 solid;
}
.bor_1_hei{
    border: 1px black solid;
}
.bor_15{
    border-radius: 15px;
}
.bor_10{
    border-radius: 10px;
}
.bor_5{
    border-radius: 5px;
}
.bor_3{
    border-radius: 3px;
}
/* 固定宽高样式 固定宽高样式 固定宽高样式*/
.wh_100{
    width: 100px;
}
.wh_50{
    width: 50px;
}
.wh_55{
    width: 55px;
}
.wh_60{
    width: 60px;
}
.wh_70{
    width: 70px;
}
.wh_40{
    width: 40px;
}
.wh_30{
    width: 30px;
}
.wh_20{
    width: 20px;
}
.he_100{
    height: 100px;
}
.he_50{
    height: 50px;
}
.he_55{
    height: 55px;
}
.he_45{
    height: 45px;
}
.he_40{
    height: 40px;
}
.he_35{
    height: 35px;
}
.he-300{
    height:300px
}
.he_30{
    height: 30px;
}
.he_25{
    height: 25px;
}
.he_20{
    height: 20px;
}
.he_22{
    height: 22px;
}
.v_m {
    vertical-align: middle;
}
/* 宽高比例样式 宽高比例样式 宽高比例样式*/
.wh_max{
    width: 100%;
}
.he_max{
    height: 100%;
}
.wh_8{
    width: 80%;
}
.wh_2{
    width: 20%;
}
.wh_3{
    width:30% ;
}
.wh_3-5{
    width:35% ;
}
.wh_2-5{
    width: 25%;
}
.wh-30{
    width: 30px;
}
.wh_2-7{
    width: 27%;
}
.wh_4{
    width:40%;
}
.wh_4-5{
    width:45%;
}
.wh_5{
    width:50%;
}
.wh_5-5{
    width:55%;
}
.wh_7{
    width:70% ;
}
.wh_6{
    width: 60%;
}
.wh_6-5{
    width: 65%;
}
.wh_1{
    width:10% ;
}
.wh_9{
    width:90% ;
}
.wh_9-5{
    width: 95%;
}
.wh_9-6{
    width: 96%;
}
.wh_9-7{
    width: 97%;
}
.wh_9-8{
    width: 98%;
}
.he_8{
    height:80% ;
}
.he_4{
    height:40% ;
}
.he_5-5{
    height:55% ;
}
.he_6{
    height:60% ;
}
.he_6-5{
    height:65% ;
}
.he_2{
    height:20% ;
}
.he_1{
    height: 10%;
}
.he_0-5{
    height: 5%;
}
.he_1-5{
    height: 15%;
}
.he_9{
    height:90% ;
}
.basize_100{
    background-size: 100% 100%;
}
.he_3{
    height:30% ;
}
.he_5{
    height: 50%;
}
.he_7{
    height:70% ;
}
.jz{
    margin: auto;
}
.lef-10{
    left: 10px;
}
.lef-5{
    left: 5px;
}
.lef-1{
    left: 1px;
}
.lef-2{
    left: 2px;
}
.lef-3{
    left: 3px;
}
.lef-4{
    left: 4px;
}
.rig-10{
    right:10px;
}
.rig-30{
    right:30px;
}
.rig-5{
    right:5px;
}
.rig-1{
    right:1px;
}
.rig-2{
    right:2px;
}
.rig-3{
    right:3px;
}
.rig-4{
    right:4px;
}
.rig-20{
    right:20px;
}
/* 文字样式 文字样式 文字样式*/
.em{
    font-weight:bold;
}
.wz_jz{
    text-align: center;
}
.wz_fz_14{
    font-size: 14px;
}
.vh_max{
    height: 100vh;
}
.mag_10_0{
    margin: 10px 0;
}
.ccsl_1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;

    table-layout: fixed;
    white-space: normal;
    word-break: break-all;
    /*display: -webkit-box!important;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 1;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*word-break: break-all;*/
}/*两行隐藏*/
.ccsl_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    /*text-overflow: ellipsis;*/
    /*word-break: break-all;*/
    /*overflow:hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow: hidden!important;*/
    /*text-overflow: ellipsis;*/
}
.disb{
    display: block;
}
/*四行隐藏*/
.ccsl_4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow:hidden;
}
.disp{
    display: inline-block;
}
.flo_l{
    float: left;
}
.flo_r{
    float: right;
}
.qcfd{
    overflow:hidden;
}
.boxs{
    box-sizing: border-box;
}
.hh{
    table-layout: fixed;
    white-space: normal;
    word-break: break-all;
}
.mag_15{
    margin: 15px 0;
}
.mag_10{
    margin: 10px 0;
}
/* margin边距 margin边距 margin边距*/
.mag_l-10{
    margin-left: 10px;
}
.mag_l-100{
    margin-left: 100px;
}
.mag_l-20{
    margin-left: 20px;
}
.mag_l-30{
    margin-left: 30px;
}
.mag_l-40{
    margin-left: 40px;
}
.mag_l-15{
    margin-left: 15px;
}
.mag_l-5{
    margin-left: 5px;
}
.ul_r{
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.mag_l-1{
    margin-left: 1px;
}
.mag_l-2{
    margin-left: 2px;
}
.mag_l-3{
    margin-left: 3px;
}
.mag_r_10{
    margin-right: 10%;
}
.mag_r_5{
    margin-right: 5%;
}
.aColor{
    color: #333;
}
.aColor:hover{
    color: #255B9E;
}
/*路由过渡动画*/
.router_gd-enter-active{
    opacity: 0;
    transition:all 0.7s;
    position: relative;
    left:-50px;
}
.router_gd-enter-to{
    opacity: 1;
    transition:all 0.7s;
    position: relative;
    left:0px;
}
.router_gd-leave-active{
    opacity: 1;
    transition:all 0.5s;
    position: relative;
    left:0px;
}
.router_gd-leave-to{
    opacity: 0;
    transition:all 0.7s;
    position: relative;
    left: 50px;
}
/*路由跳转 旋转过渡动画*/
.slide-fade{
    position: fixed;left:0;right: 0;
    width: 100%;
    background-color: white;
}
.slide-fade-enter, .slide-fade-leave-to
{
    left:0;top: 0;right: 0;
    position: absolute;
    transform:translateX(-500px) translateY(-500px) rotate(-150deg) scale(0.5);
    opacity:1;
}
.slide-fade-enter-active {
    background-color: white;
    transition: all 0.6s ease;
}
.slide-fade-leave-active {
    transition: all 0.7s ease;
    background-color: white;
    transform:translateX(500px) translateY(500px) rotate(150deg) scale(1) ;
    z-index: 100;
}
.mw_1200{
    min-width: 1200px;
}
.mag_r_1{
    margin-right: 1%;
}
.mag_r_2{
    margin-right: 2%;
}
.mag_r_3{
    margin-right: 3%;
}
.mag_r_4{
    margin-right: 4%;
}
.mag_r_15{
    margin-right: 15%;
}
.mag_r_10{
    margin-right: 10%;
}
.mag_r-10{
    margin-right: 10px;
}
.mag_r-15{
    margin-right: 15px;
}
.mag_r-20{
    margin-right: 20px;
}
.mag_r-5{
    margin-right: 5px;
}
.mag_r-4{
    margin-right: 4px;
}
.tag::-webkit-scrollbar{
    display: none;
}
.ycgdt::-webkit-scrollbar {
    width: 0 !important;
}
.ycgdt::-webkit-scrollbar {
    width: 0 !important;height: 0;
}
.mag_r-4{
    margin-left: 4px;
}
.mag_r-3{
    margin-left: 3px;
}
.mag_r-2{
    margin-left: 2px;
}
.mag_r-1{
    margin-left: 1px;
}
.mag_l_15{
    margin-left: 15%;
}
.mag_t-10{
    margin-top: 10px;
}
.mag_b-10{
    margin-bottom: 10px;
}
.mag_t-15{
    margin-top: 15px;
}
.mag_t-1{
    margin-top: 1px;
}
.mag_t-2{
    margin-top: 2px;
}
.mag_t-3{
    margin-top: 3px;
}
.mag_t-4{
    margin-top: 4px;
}
.mag_t-10{
    margin-top: 10px;
}
.mag_t-15{
    margin-top: 15px;
}
.mag_t-5{
    margin-top: 5px;
}
.mag_t-20{
    margin-top:20px;
}
.pad_1_0{
    padding: 1px 0;
}
.mag_t-30{
    margin-top: 30px;
}
.mag_t-50{
    margin-top: 50px;
}
.mag_l_5{
    margin-left: 5%;
}
.mag_l_15{
    margin-left: 15%;
}
.mag_l_10{
    margin-left: 10%;
}
.mag_l_3{
    margin-left: 3%;
}
.mag_l_2{
    margin-left: 2%;
}
.m-auto{
    margin: 0 auto;
}
.mag_l_1{
    margin-left: 1%;
}
.mag_t_1{
    margin-top: 1%;
}
.mag_t_2{
    margin-top: 2%;
}
.mag_t_3{
    margin-top: 3%;
}
.mag_t_4{
    margin-top: 4%;
}
.mag_t_5{
    margin-top: 5%;
}
.mag_t_7{
    margin-top: 7%;
}
.mag_t_9{
    margin-top: 9%;
}
.mag_t_10{
    margin-top: 10%;
}
.mag_t_15{
    margin-top: 15%;
}
.mag_t_20{
    margin-top: 20%;
}
.mag_t_25{
    margin-top: 25%;
}
.mag_b_1{
    margin-bottom: 1%;
}
.mag_b_2{
    margin-bottom: 2%;
}
.mag_b_3{
    margin-bottom: 3px;
}
.mag_b_4{
    margin-bottom: 4px;
}
.mag_b_5{
    margin-bottom: 5px;
}
.mag_b_10{
    margin-bottom: 10px;
}
.mag_b_15{
    margin-bottom: 15%;
}
.mag_b_20{
    margin-bottom: 20px;
}
.wz_dq{
    vertical-align: middle;
}
.wz_leftdq{
    text-align: left;
}
.wz_rigdq{
    text-align: right;
}
.pad_l_20{
    padding-left: 20px;
    box-sizing: border-box;
}
.pad_l_30{
    padding-left: 30px;
    box-sizing: border-box;
}
.pad_r_20{
    padding-right: 20px;
    box-sizing: border-box;
}
/*.wz_topdq{*/
/*    text-align: top;*/
/*}*/
.text_rightdq{
    text-align: right;
}
.text_leftdq{
    text-align: left;
}
.ccgl{
    overflow: auto;
}
.ba_yell{
    background-color: #FDCB2C;
}
.ba_gr{
    background-color: #0fb872;
}
.ba_blue{
    background-color: #3790fe;
}
.ba_xblue{
    background-color: #dfedff;
}
.ba_zi{
    background-color: #6c4ef2;
}
.ccyc{
    overflow: hidden;
}
.bhh{
    white-space: nowrap;
}
.ddisp>div{
    display: inline-block;
}
.xsgb{
    cursor: pointer;
}
.wh_33{
    width: 33.3%;
}
.split3{
    display: inline-block;
    width:33%;
}
.flex_hh{
    flex-flow: wrap
}
.split_8_2 {
    white-space: nowrap;
}
.split_8_2 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_8_2 > div:nth-child(1){
    width: 80%;
}
.split_8_2 > div:nth-child(2){
    width: 20%;
}
.split_15_85{
    white-space: nowrap;
}
.split_15_85 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_15_85 > div:nth-child(1){
    width: 15%;
}
.split_15_85 > div:nth-child(2){
    width: 85%;
}

.split_35_65 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_35_65 > div:nth-child(1){
    width: 35%;
}
.split_35_65 > div:nth-child(2){
    width: 65%;
}
.split_65_35 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_65_35 > div:nth-child(1){
    width: 65%;
}
.split_65_35 > div:nth-child(2){
    width: 35%;
}
.split2 > div{
    display: inline-block;
    width: 50%;
}
.split_2_8 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_2_8 > div:nth-child(1){
    width: 20%;
}
.split_2_8 > div:nth-child(2){
    width: 80%;
}
.split_2_7 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_2_7 > div:nth-child(1){
    width: 20%;
}
.split_2_7 > div:nth-child(2){
    width: 70%;
}
.split_9_1 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_9_1 > div:nth-child(1){
    width: 90%;
}
.split_9_1 > div:nth-child(2){
    width: 10%;
}
.split_7_3 > div{
    display: inline-block;
    vertical-align: middle;
}
.split-2{
    display: inline-block;
    width: 50%;
}
.split_7_3 > div:nth-child(1){
    width: 70%;
}
.split_7_3 > div:nth-child(2){
    width: 30%;
}
.split_3_7 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_3_7 > div:nth-child(1){
    width: 30%;
}
.split_3_7 > div:nth-child(2){
    width: 70%;
}
.split_3_3 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_3_3 > div:nth-child(1){
    width: 33%;
}
.split_3_3 > div:nth-child(2){
    width: 33%;
}
.split_3_3 > div:nth-child(3){
    width: 33%;
}
.split_1_9 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_1_9 > div:nth-child(1){
    width: 10%;
}
.split_1_9 > div:nth-child(2){
    width: 90%;
}
.split_4_6 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_4_6 > div:nth-child(1){
    width: 40%;
}
.split_4_6 > div:nth-child(2){
    width: 60%;
}

.split_45_55 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_45_55 > div:nth-child(1){
    width: 45%;
}
.split_45_55 > div:nth-child(2){
    width: 55%;
}

.split_55_45 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_55_45 > div:nth-child(1){
    width: 55%;
}
.split_55_45 > div:nth-child(2){
    width: 45%;
}
.split_4 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_4 > div:nth-child(1){
    width: 25%;
}
.split_4 > div:nth-child(2){
    width: 25%;
}
.split_4 > div:nth-child(3){
    width: 25%;
}
.split_4 > div:nth-child(4){
    width: 25%;
}

.split_6_4 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_6_4 > div:nth-child(1){
    width: 60%;
}
.split_6_4 > div:nth-child(2){
    width: 40%;
}
.split_2, .split_3{
    white-space: nowrap;
}
.split_2 > div{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.split_3 > div{
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: middle;
}
.split2_r{
    display: inline-block;
    vertical-align: middle;
    width:50%;
    text-align: right;
}
.op_9{
    opacity: 0.9;
}

.ba_heis{
    background-color: #1a1a1a;
}

.mcto{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    border-right: 1px solid black;
    /*background-color: rgba(176,196,222,0.98);*/
}
.bor_b{
    border-bottom: 1px rgb(221, 218, 218) solid;
}
.centerdq{
    vertical-align:middle;
}
.topdq{
    vertical-align: top!important;
}
.bottomdq{
    vertical-align:bottom;
}
.pad_20_0{
    padding: 20px 0;
}
.pad_10_0{
    padding: 10px 0;
}
.pad_5_0{
    padding: 5px 0;
}
.pad_6_0{
    padding: 6px 0;
}
.pad_3_0{
    padding: 3px 0;
}
.pad_5_10{
    padding: 5px 10px;
}
.pad_5_15{
    padding: 5px 15px;
}
.pad_3{
    padding: 3px;
}
.pad_2{
    padding: 2px;
}
.pad_15_0{
    padding: 15px 0;
}
.pad_0_15{
    padding: 0 15px;
}
.pad_0_20{
    padding: 0 20px;
}
.pad_0_10{
    padding: 0 10px;
}
.pad_b_20{
    padding: 0 0 20px 0;
}
.pad_b_10{
    padding: 0 0 10px 0;
}
.pad_b_5{
    padding: 0 0 5px 0;
}
.pad_30_0{
    padding: 30px 0;
}
/*禁止滑动*/
/* catchtouchmove="ture" */

/*本项目样式*/
.ba_huis{
    background-color: #81b8fd;
}
.ba_qbai{
    background-color: #282828
}
.back_hui{
    background-color: #f6f8f9;
}
.bor_dx_hui{
    border-bottom:5px dotted #f0f0f0;
}

.leftx::before{
    content: '';
    display: inline-block;
    width: 120px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 21%;
    left: 58%;
}
.leftxs::before{
    content: '';
    display: inline-block;
    width: 122px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 21%;
    left: 58%;
}
.leftxzt::before{
    content: '';
    display: inline-block;
    width: 112px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 64%;
}
.leftxto::before{
    content: '';
    display: inline-block;
    width: 154px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 57%;
}
.leftxztto::before{
    content: '';
    display: inline-block;
    width: 152px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 61%;
}

.leftxztbot{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxztto{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxzt{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxzts{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxzts::before{
    content: '';
    display: inline-block;
    width: 112px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 64%;
}
.mczi{
    border-radius: 10px;
    width: 60%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 40%;
    margin: auto;
    padding: 10px 0;
    /*box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);*/
}
.bor_14{
    border-radius: 14px;
}


.tabxhx{
    border-bottom: 6px solid #3790fe;
    font-weight:bold;
    color: #3790FE;
}
.ljt{
    width:24px;
    height:220px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.hjt{
    width:24px;
    height:50px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ali:hover{
    color: #4ac4f6;
}
.ba_xhui{
    background-color: #F5F5F5;
}
.pad_10_30{
    padding: 10px 0 30px;
}
.pad_15_20{
    padding: 15px 20px;
}
.pad_2_5{
    padding: 2px 5px 3px;
}
.wz_qhui{
    color: #666666;
}
.wz_gr{
    color: #24C151;
}
.pad_2_0{
    padding: 2px 0;
}
.pad_4_0{
    padding: 4px 0;
}
.mag_tb_20{
    margin: 20px 0;
}
.pad_0_20_10{
    padding: 0 20px 10px 20px;
}
.ba_shui{
    background-color: #35363a;
}
.ba_syell{
    background-color: #ffa617;
    border-radius: 10px;
    color: white;
    margin: 20px;
}
.wz_syell{
    color: #FFA617 !important;
}
.wz_shui{
    color: #999999 ;
}
.tbxz_s{
    transform: rotate(180deg);
    color: #3790FE;
    transition:all 0.5s;
}
.tbxz_x{
    transform: rotate(360deg);
    transition:all 0.5s;
}
.i180{
    transform: rotate(180deg);
    transition: all 0.5s;
}
.i0{
    transform: rotate(0deg);
    transition: all 0.5s;
}
.i90{
    transform: rotate(90deg);
    transition: all 0.5s;
}
.i270{
    transform: rotate(270deg);
    transition: all 0.5s;
}
.li_b{
    border-bottom: 3px solid #0fb872;
    box-sizing: border-box;
    padding: 27px 20px;
}
.fz_yellow{
    color: #f36911;
    transition: 0.5s;
}
.fz_yellow::before{
    content: '';
    display: inline-block;
    height: 2px;
    width: 82px;
    background-color: #f36911;
    position: absolute;
    bottom: 5px
    /*color: #f36911;*/
    /*border-bottom: 2px solid #f36911;*/
    /*transition: 0.5s;*/
}
.xhx{
    transition: 0.5s;
}
.xhx::before{
    content: '';
    display: inline-block;
    height: 4px;
    width: 36px;
    border-radius: 5px;
    background-color: #28f0b2;
    position: absolute;
    bottom: -8px
    /*color: #f36911;*/
    /*border-bottom: 2px solid #f36911;*/
    /*transition: 0.5s;*/
}
.homefz_yellow{
    color: #f36911;
    border-bottom: #f36911 2px solid;
}
.home:hover{
    color: #f36911;
    border-bottom: #f36911 2px solid;
}
.hoverdiv:hover{
    transition: 0.5s;
    box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px +rgba(10,16,20,.12);
    text-decoration: none;
}
.bluejb{
    transition: all 0.3s;
    color: #6ECBF6!important;
    background-image: linear-gradient(to right, #0f4067, transparent);
}
.djxjb{
    background: linear-gradient(to bottom right, #EAE5C9, #EF96C5);
}
.djxjb1{
    background: linear-gradient(to bottom right, #EAD6EE, #EF96C5);
}
.musicHover{
    box-sizing: border-box;
    color: #24C151;
    background-image: linear-gradient(to right, #2c2c2c,#1a1a1a);
    /*background: linear-gradient(to right, #EAE5C9, #EF96C5);*/
}
/*fade-enter:进入过渡的开始状态，元素被插入时生效，只应用一帧后立刻删除。*/
/*fade-enter-active:进入过渡的结束状态，元素被插入时就生效，在过渡过程完成后移除。*/
/*fade-leave:离开过渡的开始状态，元素被删除时触发，只应用一帧后立刻删除。*/
/*fade-leave-active:离开过渡的结束状态，元素被删除时生效，离开过渡完成后被删除。*/
/*in-out(mode默认in-out模式）：新元素先进入过渡，完成之后当前元素过渡离开。*/
/*       out-in：当前元素先进行过渡离开，离开完成后新元素过渡进入。*/
.form input{
    font-size: 15px;
    padding: 5px;
    outline: none;
}
.form span{
    font-size: 15px;
}
.form > div{
    margin-top: 20px;
}
.div-yyg {
    display: table;
    width: 100%;
}

.div-yyg>div {
    display: table-cell;
    word-wrap: break-word;
    width: 33.33%;
    padding: 10px;
}
/*鼠标移入上下倾斜*/
.sxqx_dh{
   transition: all 1s;
}
.sxqx_dh :hover{
    transform: rotateX(45deg);
}
/*鼠标移入左右倾斜*/
.zyqx_dh{
   transition: all 1s;
}
.zyqx_dh :hover{
    transform: rotateY(45deg);
}
/*鼠标移入斜着倾斜*/
.xzqx_dh{
   transition: all 1s;
}
.xzqx_dh :hover{
    transform: rotate3d(1,1,0,45deg);
}
/*旋转动画 例子*/
/*<div class="box">*/
/*<div class="front">你好</div>*/
/*<div class="back">Hello</div>*/
/*</div>*/
.boxdh {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 100px auto;
    transition: all .4s;
    /* 让背面的紫色盒子保留立体空间 给父级添加的 */
    transform-style: preserve-3d;
}
.boxdh:hover {
    transform: rotateY(180deg);
}
.front,
.back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 300px;
}
.front {
    background-color: darkcyan;
    z-index: 1;
}
.back {
    background-color: cornflowerblue;
    /* 像手机一样 背靠背 旋转 */
    transform: rotateY(180deg);
}


/*本项目的css*/
.blue_jb{
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}
.tab_r1 > div{
    margin: 10px 0 0 22px;
    text-align: center;
}
.tab_r2 > div{
    margin: 10px 0 0 22px;
    text-align: center;
}
